<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Navigation</title>
    <!--2秒后跳转到自定义页面-->
    
    <style type="text/css">
        p{
            font-family: MAILR___;
            font-size: 70px;
        }
        .blur { 
                filter: url(blur.svg#blur); /* FireFox, Chrome, Opera */
                -webkit-filter: blur(5px); /* Chrome, Opera */
                -moz-filter: blur(5px);
                -ms-filter: blur(5px);    
                    filter: blur(5px);
                filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=5, MakeShadow=false); /* IE6~IE9 */
        }
        .hvcenter{
            position: absolute;
            top: 15%;
            left: 10%;
        }
    </style>
    <script type="text/javascript" th:inline="javascript">
        window.onload=CurrentTime;
        function CurrentTime(){ 
                var now = new Date();
                var year = now.getFullYear();       //年
                var month = now.getMonth() + 1;     //月
                var day = now.getDate();            //日
                var hh = now.getHours();            //时
                var mm = now.getMinutes();          //分
               
                var clock = year + " - ";
                if(month < 10)
                    clock += "0";
                clock += month + " - ";
                if(day < 10)
                        clock += "0";
                clock += day + "&nbsp;&nbsp;&nbsp;";
                if(hh < 10)
                        clock += "0";
                clock += hh + " : ";
                if (mm < 10) 
                    clock += '0'; 
                clock += mm; 
                document.getElementById("time").innerHTML=clock;
                if(hh>=6&&hh<=11){
                    document.getElementById("sayhi").innerHTML="Good morning, "+[[${session.etUser.userName}]];
                    //document.getElementById("myimg").src="/hs/morning.jpg";
                }
                else if(hh>=11&&hh<=12){
                    document.getElementById("sayhi").innerHTML="Good noon, "+[[${session.etUser.userName}]];
                    //document.getElementById("myimg").src="noon.jpg";
                }
                else if(hh>=14&&hh<=18){
                    document.getElementById("sayhi").innerHTML="Good afternoon, "+[[${session.etUser.userName}]];
                    //document.getElementById("myimg").src="afternoon.jpeg";
                }
                else{
                    document.getElementById("sayhi").innerHTML="Good evening, "+[[${session.etUser.userName}]];
                    //document.getElementById("myimg").src="night.jpg";
                }
        } 
    </script>
</head>
<body>
 <div id="bg_pic" style="position:absolute; width:100%; height:100%; z-index:-1">
    <!-- <img id="myimg" src="/hs/images/0404.jpg" alt="backgroundpicture"  class="blur" width="100%" height="100%"> -->
    </div>
    <div id="" style="width:1000px; height:500px;  text-align:center" class="hvcenter" >
            <p id="sayhi"></p>
            <p id="time"></p>
    </div>
</body>
</html>